<template>
    <div>
        <h1>内容管理</h1>
        <a-row>
            <a-col :offset="22" :span="2">
                <a-button @click="showModal" type="primary" plain size="default" shape="round">新增</a-button>
            </a-col>
        </a-row>
        <a-divider></a-divider>
        <!-- 对话框组件 -->
        <PostsModal ref="modalRef" />
    </div>
</template>
<script lang="ts" setup>
import { ref } from 'vue'
import PostsModal from './PostsModal.vue';
// import { App } from 'ant-design-vue'
// const { message, modal, notification } = App.useApp()
const modalRef = ref()
const showModal = () => {
    // 显示对话框组件
    modalRef.value.showModal()
};

</script>